<!DOCTYPE html>
<html>

<head>
    <!-- WebSocket测试 -->
    <meta charset="utf-8">
    <title>WebSocket测试1</title>



    <script>

//实现化WebSocket对象
        //指定要连接的服务器地址与端口建立连接
        //注意ws、wss使用不同的端口。我使用自签名的证书测试，
        //无法使用wss，浏览器打开WebSocket时报错
        //ws对应http、wss对应https。
        socket = new WebSocket("ws://localhost:8083/boot-test/myWs");
        //连接打开事件
        socket.onopen = function() {
            console.log("Socket 已打开");
            socket.send("消息发送测试(From Client)");

        };
        //收到消息事件
        socket.onmessage = function(msg) {
            console.log(msg.data);
        };
        //连接关闭事件
        socket.onclose = function() {
            console.log("Socket已关闭");
        };
        //发生了错误事件
        socket.onerror = function() {
            alert("Socket发生了错误");
        }

        //窗口关闭时，关闭连接
        window.unload=function() {
            socket.close();
        };

        function send(){
            console.log(socket);
            socket.send("消息发送测试(From Client)");
        }

    </script>
</head>

<body>
    <button onclick="send()">发送消息</button>

</body>

</html>